.ProductDetail {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ProductHeader {
  height: 0.52rem;
  border-bottom: 0.01rem solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 999;
  box-sizing: border-box;
  span {
    font-size: 0.22rem;
    color: #666;
    margin: auto 0.05rem;
    position: relative;
    .m-badge1{
      position: absolute;
      left: 0.07rem;
      font-size: 0.12rem;
      padding: 0 0.07rem;
      border-radius: 0.1rem;
      transform: scale(0.8);
      color:#fff;
      background-color: #dd1a21;
    }
  }
  .ProductHeaderLeft {
    margin-left: 0.09rem;
  }
  .ProductHeaderMid {
    width: 0.8rem;
    height: 0.2rem;
    background: url('../../asset/icon/严选.png') no-repeat;
    background-size: 130%;
  }

  .ProductHeaderRight {
    margin-right: 0.09rem;
    span:first-child {
      font-weight: bold;
    }
  }
}
.ProductSection {
  box-sizing: border-box;
  position: relative;
  flex: 1;
  overflow: auto;
  background-color: #f4f4f4;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  .productInfo {
    padding: 0.12rem;
    .productPrice {
      span.productCurrentPrice {
        color: #dd1a21;
        font-family: PingFang SC;
        font-size: 0.25rem;
        font-weight: 700;
      }

      small.productPriPrice {
        position: relative;
        color: #999;
        margin-left: 0.09rem;
        font-size: 0.15rem;
        text-decoration: line-through;
      }
    }

    .productTagList {
      display: flex;
      span {
        display: inline-block;
        font-size: 0.12rem;
        color: #dd1a21;
        padding: 0 0.04rem;
        text-align: center;
        border: 0.01rem solid #dd1a21;
        border-radius: 0.09rem;
        vertical-align: middle;
        transform: scale(0.8);
      }
    }

    .spmcBanner {
      margin: 0.08rem auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-image: url('../../asset/img/pricebg.png');
      background-size: 100%;
      width: 3.5rem;
      height: 0.34rem;
      .spmcPrice {
        display: flex;
        align-items: center;
        span.spmcDiscount {
          display: block;
          font-size: 0.09rem;
          width: 0.6rem;
          height: 0.34rem;
          line-height: 0.34rem;
          text-align: center;
          color: #333;
          font-weight: 700;
          background-image: linear-gradient(123deg, #f1c698 0, #c3945b 100%);
          border-top-left-radius: 0.04rem;
          border-bottom-left-radius: 0.04rem;
          clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
        }

        span.spmcDesc {
          margin: auto 0.09rem;
          color: #fff1d2;
          font-size: 0.09rem;
          span.spmcEconomizePrice {
            margin: auto 0.09rem;
            color: #f3ca84;
            font-weight: bold;
          }
        }
      }

      span.spmcBtn {
        background-image: linear-gradient(140deg, #ffe3c4 0, #ce7f29 100%);
        color: #333;
        font-size: 0.09rem;
        border-radius: 0.08rem;
        padding: 0.01rem 0.07rem;
        margin: auto 0.09rem;
      }
    }

    .baseInfo {
      display: flex;
      justify-content: space-between;
      .info {
        .name {
          width: 2.7rem;
          font-size: 0.16rem;
          color: #333;
          line-height: 0.24rem;
          font-weight: 700;
          margin-bottom: 0.05rem;
        }

        .desc {
          color: #333;
          font-weight: lighter;
          font-size: 0.12rem;
        }
      }

      .comment.single-line {
        .wrap {
          .info-wrap {
            .num {
              font-weight: 700;
              font-size: 0.16rem;
              line-height: 0.23rem;
              color: #dd1a21;
              text-align: center;
            }
            .com {
              font-family: PingFangSC-Light;
              line-height: 0.18rem;
              font-size: 0.12rem;
              color: #7f7f7f;
            }
          }
        }
      }
    }
  }
  .rcmdBanner {
    margin: 0.09rem auto;
    padding: 0.06rem 0.09rem;
    background: #fafafa;
    border: 0.01rem solid #e6e6e6;
    position: relative;

    ul {
      li {
        display: flex;
        align-items: center;
        margin: 0.02rem auto;
        .key {
          display: inline-block;
          width: 0.12rem;
          height: 0.12rem;
          border: 0.01rem solid #dd1a21;
          border-radius: 50%;
          text-align: center;
          line-height: 0.12rem;
          font-size: 0.1rem;
          color: #dd1a21;
          font-family: PingFang SC;
          font-weight: 700;
          margin-right: 0.08rem;
          vertical-align: middle;
        }

        .recommendReason {
          vertical-align: middle;
          font-size: 0.12rem;
        }
      }
    }
  }
}
.ProductSection::-webkit-scrollbar {
  width: 0 !important;
}
.ProductFooter {
  height: 0.52rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #fff;
  font-size: 0.135rem;
  z-index: 999;
  box-sizing: border-box;

  .ProductFooterLt {
    border-top: 0.01rem solid #eee;
    width: 0.78rem;
    height: 0.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
    span {
      display: inline-block;
      width: 0.3rem;
      height: 0.3rem;
      vertical-align: middle;
      background-image: url('../../asset/img/hxm_yanxuan-wap_p_20161201_style_img_icon-normal_detail-kefu-d10f0489d2.png');
      background-size: contain;
    }
  }
  .ProductFooterMid,
  .ProductFooterRt {
    border-top: 0.01rem solid #eee;
    width: 1.485rem;
    text-align: center;
    height: 0.52rem;
    line-height: 0.52rem;
    border-left: 0.01rem solid #eee;
  }
  .ProductFooterRt {
    border-top: 0.01rem solid #eee;
    color: #fff;
    border: 0.01rem solid #dd1a21;
    background-color: #dd1a21;
  }
}
.lovingGoodTit {
  padding: 0.2rem 0;
  text-align: center;
  position: relative;
  .itemLine {
    width: 1.7rem;
    border-bottom: 0.01rem solid #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 0.01rem;
    background-color: #ccc;
    z-index: 1;
  }
  span.itemText {
    font-size: 0.16rem;
    display: inline-block;
    padding: 0 0.1rem;
    color: #333;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
}
// 回到顶部
.m-goToBot,
.m-goToTop {
  position: fixed;
  width: 0.5rem;
  height: 0.5rem;
  background-image: url('../../asset/img/hxm_yanxuan-wap_p_20161201_style_img_icon-normal_goToTop-f502426678.png');
  background-size: contain;
  display: block;
  top: 0.6rem;
  right: 0.1rem;
  opacity: 0.7;
}
.m-goToBot {
  top: auto;
  bottom: 0.6rem;
  transform: rotate(180deg);
}
// 选规格
.skuSpecList {
  width: 100%;
  position: absolute;;
  background-color: #fff;
  padding: 0.2rem 0.2rem 0;
  z-index:2;
  .info-con {
    display: flex;
    justify-content: left;
    align-items: center;
    .left.f-fl {
      width: 0.99rem;
      height: 0.99rem;
      background-color: #f4f4f4;
      img {
      }
    }

    .right.f-fl {
      margin-left: 0.09rem;
      .con {
        font-size: 0.14rem;
        span.tag.w-tag.w-tag-yellow {
          display: inline-block;
          width: 0.34rem;
          height: 0.16rem;
          text-align: center;
          line-height: 0.16rem;
          border-radius: 0.05rem;
          color: #fff;
          background-color: #f48f18;
        }

        p.price {
          line-height: 0.3rem;
          color: #dd1a21;
          span {
            span {
            }
            span.nowPrice {
              margin-left: 0.1rem;
              color: #999;
              text-decoration: line-through;
            }
          }
        }
        p.sku {
          color: #333;
          span.it {
            margin-right: .05rem;
          }
        }
      }
    }
  }
  /* 选择框 */
  .spec-con {
    .u-format {
      margin: 0.1rem 0;
      line-height: 0.3rem;
      font-size: 0.14rem;
      color: #222;
      .tt {
      }

      .con {
        .tab {
          color: #7f7f7f;
          display: inline-block;
          span.tab-txt {
            border: 0.01rem solid #ccc;
            padding: 0.1rem;
            line-height: 0.6rem;
            margin-right: .2rem;
          }
        }

        .tab.active {
          color: #dd1a21;
          span.tab-txt {
            border: 0.01rem solid #dd1a21;
          }
        }
      }
    }
  }
}
/* 数量加减开始 */
.m-selnum.dl {
  display: flex;
  
  border: 0.01rem solid #ccc;
  border-radius: 0.09rem;
  width: 1.55rem;

  i.less.z-dis,
  .more {
    display: block;
    width: 0.45rem;
    height: 0.33rem;
    text-align: center;
    
  }
  i.less.z-dis{
    border-right: 0.01rem solid #ccc;
  }
  .more{
    border-left: 0.01rem solid #ccc;
  }

  .textWrap {
    width: 0.65rem;
    height: 0.33rem;
    input {
      text-align: center;
      width: 0.65rem;
    }
  }
}
/* 数量加减结束 */
